<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <!--百度统计-->
    <script src="/blog/js/statistics.js"></script>
    <!--引入自己的css-->
    <link rel="stylesheet" href="/settings/css/login.css">

    <!--layUI的css-->
    <link rel="stylesheet" href="/layui/css/layui.css">
</head>
<body>
<div class="wrap">
    <div class="loginForm">
        <form class="layui-form">
            <div class="logoHead">
                <h2 style="margin-top: 15px">Blog登录</h2>
            </div>
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>手机号:</label>
                </div>
                <div class="usernameDiv">
                    <i class="layui-icon layui-icon-username adminIcon"></i>
                    <input id="phone" class="layui-input adminInput" type="text" name="phone"
                           placeholder="输入手机号">
                </div>
            </div>
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>密码:</label>
                </div>
                <div class="passwordDiv">
                    <i class="layui-icon layui-icon-password adminIcon"></i>
                    <input id="password" class="layui-input adminInput" type="password" name="password"
                           placeholder="输入密码">
                </div>
            </div>
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>验证码:</label>
                </div>
                <div class="cardDiv">
                    <input id="loginCard" class="layui-input cardInput" type="text" name="card" placeholder="输入验证码">
                </div>
                <div class="codeDiv">
                    <input id="loginCode" class="layui-input codeInput" type="button">
                </div>
            </div>
            <div class="usernameWrapDiv">
                <div class="submitLabel">
                    <label>
                        <a href="#" id="loginRegister">点击注册</a>
                        &nbsp;&nbsp;
                        <a href="#" id="forgetBtn">忘记密码</a>

                    </label>
                </div>
                <div class="submitDiv">
                    <input id="loginBtn" type="button" class="submit layui-btn layui-bg-cyan" value="登录">
                </div>
            </div>
        </form>
    </div>
</div>


</body>
<!--注册的layer-->
<div id="register_layer" class="registerPage">
    <div class="registerDiv">
        <form id="register_form">
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>手机号:</label>
                </div>
                <div class="usernameDiv">
                    <i class="layui-icon layui-icon-username adminIcon"></i>
                    <input id="registerPhone" class="layui-input adminInput" type="text" name="phone"
                           placeholder="请输入手机号">
                </div>
            </div>
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>邮箱:</label>
                </div>
                <div class="usernameDiv">
                    <i class="layui-icon layui-icon-email adminIcon"></i>
                    <input id="registerEmail" class="layui-input adminInput" type="text" name="email"
                           placeholder="请输入邮箱">
                </div>
            </div>
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>密码:</label>
                </div>
                <div class="passwordDiv">
                    <i class="layui-icon layui-icon-password adminIcon"></i>
                    <input id="registerPassword" class="layui-input adminInput" type="password" name="password"
                           placeholder="请输入密码">
                </div>
            </div>
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>验证码:</label>
                </div>
                <div class="passwordDiv">
                    <i class="layui-icon layui-icon-code-circle adminIcon"></i>
                    <input id="registerCode" class="layui-input adminInput" type="text" name="code"
                           placeholder="请先获取验证码" disabled>
                </div>
            </div>
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>角色:</label>
                </div>
                <div class="passwordDiv">
                    <select id="role_id" class="layui-select" name="role_id">
                        <option value="">请选择...</option>
                        <option value="3">个人用户</option>
                        <option value="2">博客作者</option>
                    </select>
                </div>
            </div>
        </form>
    </div>
</div>

<!--忘记密码的layer-->
<div id="forget_layer" class="forgetPage">
    <div class="registerDiv">
        <form id="forget_form">
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>手机号:</label>
                </div>
                <div class="usernameDiv">
                    <i class="layui-icon layui-icon-username adminIcon"></i>
                    <input id="forget_phone" class="layui-input adminInput" type="text" name="phone"
                           placeholder="请输入手机号">
                </div>
            </div>
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>邮箱:</label>
                </div>
                <div class="usernameDiv">
                    <i class="layui-icon layui-icon-email adminIcon"></i>
                    <input id="forget_email" class="layui-input adminInput" type="text" name="email"
                           placeholder="请输入邮箱">
                </div>
            </div>
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>新密码:</label>
                </div>
                <div class="passwordDiv">
                    <i class="layui-icon layui-icon-password adminIcon"></i>
                    <input id="forget_password" class="layui-input adminInput" type="password" name="password"
                           placeholder="请输入新密码">
                </div>
            </div>
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>验证码:</label>
                </div>
                <div class="passwordDiv">
                    <i class="layui-icon layui-icon-code-circle adminIcon"></i>
                    <input id="forget_code" class="layui-input adminInput" type="text" name="code"
                           placeholder="请先获取验证码" disabled>
                </div>
            </div>
        </form>
    </div>
</div>
</html>
<!--layUI的js-->
<script src="/layui/layui.js"></script>
<!--jQuery-->
<script src="/jquery-3.6.0.min.js"></script>

<!-- 引入 自己的js -->
<script src="/settings/js/login.js"></script>